<template>
	<view class="py-2">
		<view class="flex align-center border-bottom py-4 px-2">
			<image class="user-avatar rounded-circle" src="/static/default.jpg" mode=""></image>
			<view class="flex-1 flex flex-column  px-2 ">
				<view class="flex align-center">
					<view class="flex-1 flex flex-column align-center justify-center font">
						<text>1</text>
						<text>获赞</text>
					</view>
					<view class="flex-1  flex flex-column align-center justify-center font">
						<text>1</text>
						<text>关注</text>
					</view>
					<view class="flex-1  flex flex-column align-center justify-center font">
						<text>1</text>
						<text>粉丝</text>
					</view>
				</view>
				<view>
					<button class="bg-main flex align-center justify-center text-white rounded" style="height: 60rpx;"  type="default">关注</button>
				</view>
			</view>
		</view>
		<custom-tabbar :tarbarList="tarbarList"></custom-tabbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tarbarList:['主页','帖子','动态']
			};
		}
	}
</script>

<style lang="scss">
.user-avatar {
	width: 180rpx;
	height: 180rpx;
}
</style>
